/* 基础色彩调整 */
:root {
  --el-bg-color-page: #f5f7fa;
  --el-border-color-light: #e4e7ed;
  --el-fill-color-light: #f0f2f5;
}

/* 容器阴影增强 */
.el-card,
.el-container {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}

.el-card:hover,
.el-container:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}

/* 边框增强 */
.el-divider {
  border-color: rgba(0, 0, 0, 0.08);
}

/* 按钮效果增强 */
.el-button {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-button:hover {
  transform: translateY(-2px);
}

/* 表格优化 */
.el-table {
  --el-table-border-color: rgba(0, 0, 0, 0.06);
}

/* 暗色模式适配 */
.dark {
  --el-bg-color-page: #1a1a1a;
  --el-border-color-light: #333;
  --el-fill-color-light: #2a2a2a;
}

.dark .el-card {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}

.dark .el-divider {
  border-color: rgba(255, 255, 255, 0.1);
}
